<template>
  <div class="comp-phone-top">
    <div class="phone-top-sysinfo">
      <div class="sysinfo-left">
        <img src="~img/signal.svg" class="phone-top-signal" />
        <img src="~img/wifi.svg" class="phone-top-wifi" />
      </div>
      <div class="sysinfo-center">15:12</div>
      <div class="sysinfo-right">
        <span>95%</span>
        <img src="~img/elec.svg" class="phone-top-elec" />
      </div>
    </div>
  </div>
</template>
<script scoped>
export default {
  name: "custpageEditorPhoneTop",
  components: {
    
  },
  created(){

  },
  mounted(){

  },
  props:{
    
  },
  data() {
    return {

    };
  },
  methods: {

  },

};
</script>

<style scoped>

.phone-top-sysinfo{font-size: 13px;display: flex;justify-content: space-between;align-items: center;height:25px;border-bottom:1px solid #ccc;}
.phone-top-signal,.phone-top-wifi,.phone-top-elec{width:18px;height:18px;}
.sysinfo-left{height:100%;display: flex;align-items: center;padding-left:10px;}
.sysinfo-center{height:100%;display: flex;align-items: center;}
.sysinfo-right{height:100%;display: flex;align-items: center;padding-right:10px;}
</style>
